@charset "UTF-8";
/**
 * 
 * @authors Richie
 * @date    2018-05-8 14:00:00
 * @version 1.0.0
 */
$mainColor: #F96010;
$tradeTime: #fff;
$tradePriceUp: #2db361;
$tradePriceDown: #c23f2a;
$tradeNum: #fff;
$menuBg: #252d47;
$menuActiveBg: #388fcd;
$menuText: #fff;
$borderColor: #384158;
$menuTitleText: #fff;
$menuTitleLastText: #eda940;
$primaryBtn: #76a1dc;
$greenTransparentBtn: #293a47;
$redTransparentBtn: #e94323;
$textColor: #fff;
$tradeBugBg: #2d3757;
$orangeBtn: #d16318;

.fl{ float: left;}
.fr{ float: right;}
.ell{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.overflow{ overflow: hidden;}
.underline{ text-decoration: underline;}
.pr{ position: relative;}
.pa{ position: absolute;}
/*margin*/
.mar10{ margin: 10px;}
.marT10{ margin-top: 10px;}
.marT20{ margin-top: 20px;}
.marT30{ margin-top: 30px;}
.marT60{ margin-top: 60px;}
.marT90{ margin-top: 90px;}
.marR10{ margin-right: 10px;}
.marR20{ margin-right: 20px;}
.marB10{ margin-bottom: 10px;}
.marB20{ margin-bottom: 20px;}
.marB30{ margin-bottom: 30px;}
.marL10{ margin-left: 10px;}

.marTB20{ margin-top: 20px; margin-bottom: 20px;}
/*padding*/
.pad5{ padding: 5px;}
.padL5{ padding-left: 5px;}
.padR5{ padding-right: 5px;}
.pad10{ padding: 10px;}
.padLR10{ padding: 0 10px;}
.pad16{ padding: 16px;}
.pad20{ padding: 20px;}
.padLR20{ padding: 0 20px;}
.padT40{ padding-top: 40px;}
.padTB16{ padding: 16px 0;}
.padB10{ padding-bottom: 10px;}
.padB20{ padding-bottom: 20px;}
.padB50{ padding-bottom: 50px;}
/*font-size*/
.font8{ font-size: 8px;}
.font10{ font-size: 10px;}
.font12{ font-size: 12px;}
.font14{ font-size: 14px;}
.font15{ font-size: 15px;}
.font16{ font-size: 16px;}
.font18{ font-size: 18px;}
.font20{ font-size: 20px;}
.font24{ font-size: 24px;}
.font26{ font-size: 26px;}
.font30{ font-size: 30px;}
.font36{ font-size: 36px;}
.font48{ font-size: 48px;}

.normal{ font-weight: normal;}
.bold{ font-weight: bold;}
.textC{ text-align: center;}
.textL{ text-align: left;}
.blockC { display: block; margin-left: auto; margin-right: auto;}
.line2{ line-height: 2;}
.line72{ line-height: 72px;}
/*color*/
.colorR{ color: #ff0000;}
.colorUp{ color: #2d9459; }
.colorDown{ color: #a84937;}
.color88{ color: #88bcff;}
.color5c{ color: #5c777b;}

.colorPR{ color: #e23d3c;}
.colorff{ color: #fff;}
.colorf9{ color: $mainColor;}
.colorea{ color: #ea8025;}
.colorb0{ color: #b0d8ee;}
.colorcc{ color: #ccc;}
.color00{ color: #000;}
.color33{ color: #333;}
.color36{ color: #363636;}
.color60{ color: #606060;}
.color66{ color: #666;}
.color92{ color: #929292;}
.color99{ color: #999;}
/*background-color*/
.bgf3{ background-color: #f3f3f3;}
.bgd5{ background-color: #d5d5d5;}
.bgf8{ background-color: #f8f8f8;}
.bgff{ background-color: #fff;}
/*border*/
.border{ border: 1px solid #ccc;}
.borderB{ border-bottom: 1px solid #384158;}
.borderRadius{ border-radius: 50%;}
/*-----------------------------------end----------------------------------------*/

/* banner */
.swiper-container {
  width: 100%;
  height: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.swiper-parent{
  top: -2px;	
}
.swiper-nested {
  width: 100%;
}

.swiper-slide {
  font-size: 42px;
  margin-bottom: 0;
  line-height: 250px;
}
.swiper-nested .swiper-slide {
  line-height: 125px;
  font-size: 21px
}
.pagination {
  position: absolute;
  z-index: 100;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);    /* for Chrome || Safari */
  -moz-transform: translateY(-50%);       /* for Firefox */
  -ms-transform: translateY(-50%);        /* for IE */
  -o-transform: translateY(-50%);         /* for Opera */
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: #fff;
}
.pagination-parent{
}
.pagination-parent .swiper-pagination-switch {
  display: block;
  margin-right: 0;
  margin-bottom: 5px;
}

/* register */

.register-box{ position: absolute; top: 50%; left: 50%; margin-top: -360px; margin-left: -270px; width: 540px; height: 800px; background:rgba(45,55,87,0.88); filter: unquote("progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F455587,endcolorstr=#7F455587)"); -ms-filter: unquote("progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F455587,endcolorstr=#7F455587)"); border-radius: 10px; box-sizing: border-box;
	.login-form{ position: relative; padding: 46px 40px 35px; text-align: center;}
	.form-logo{ position: absolute; top: -136px; left: 100px; width: 240px; height: 100px;}
	.form-top{ margin: 0 auto; display: block; width: 28px; height: 34px;}
	.form-title{ display: block; font-family: NotoBold; font-weight: bold; font-size: 36px; color: #fff; padding-bottom: 40px;}
	.form-tip{ display: block; font-size: 16px; color: #666; padding-top: 20px;}
	.form-group{ position: relative; margin-bottom: 18px;  height: 60px; line-height: 60px; background-color: #1b2038; border: 1px solid #485168; border-radius: 5px;
		::-moz-placeholder{color:#999;}
		::-webkit-input-placeholder{color:#999;}
		input:-ms-input-placeholder{color:#999;}
	}
	.placeholder {position: absolute;top: 0; color: #999; font-size: 16px;}
	.control-label{ float: left; position: relative; text-align: left; margin: 15px 0 10px 20px; width: 70px; border-right: 1px solid #000; line-height: 30px; font-size: 20px;
		&:after{ position: absolute; right: 10px; top: 50%; margin-top: -4px; content: ''; width: 13px; height: 8px; background: url(../images/icon/login_arrow.png) no-repeat}
	}
	.form-input{ padding-left: 20px; height: 60px; line-height: 60px; width: 460px; font-size: 20px; border-radius: 5px; border: none; outline: none; color: #fff; background-color: transparent; box-sizing: border-box;
		&[type=text]{ color: #fff;}
		&.phoneInput{ width: 360px;}

	}
	.phoneInput~span.placeholder{ margin-left: 90px; } /* fix ie9placeholder */

	.verify-input{ height: 60px; line-height: 60px; font-size: 20px; border: none; outline: none; color: #fff; background-color: transparent; padding-left: 20px; width: 300px;}
	.phone-verify-btn{ display: block; margin-left: 18px; width: 120px; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 20px; cursor: pointer; background-color: #88bcff; border-radius: 5px;}
	#imgVerCode{ width: 138px; height: 58px; }

	.form-remember{ margin: 0 auto; display: inline-block; padding-top: 10px; text-align: left; overflow: hidden;
		.select-icon{ float: left; width: 22px; height: 25px; background: url(../images/icon/select.png) no-repeat;
			&.on{  background: url(../images/icon/select_active.png) no-repeat;}
		}
		.select-text{ float: left; margin-top: -2px; padding-left: 10px; font-size: 20px; color: #fff;}
	}
	.form-actions{ margin-top: 50px;}
	.form-actions .form-btn{ display: block; width: 460px; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 18px; cursor: pointer; background-color: #88bcff; border-radius: 5px; /* background: url(../images/btnBg_4.png) no-repeat; */
		&.disable{ color: rgba(0,0,0,0.5); font-family: NotoBold; font-size: 24px; background-color: #f6f6f6;}
	}
	.accountText{ color: #fff; }
	/* select */
	.filterBox{ float: left;
		.filterList{ font-size: 20px;
			.selectBox{ display: none;}
			.replace{ width: 90px; box-sizing: border-box; cursor: default; overflow: visible; position: relative; color: #fff;
				.current{ position: relative; text-align: left; margin: 15px 0 15px 20px; width: 70px; border-right: 1px solid #fff; line-height: 30px; font-size: 20px;
					&:after{ position: absolute; right: 10px; top: 50%; margin-top: -4px; content: ''; width: 13px; height: 8px; background: url(../images/icon/login_arrow.png) no-repeat}
				}
				.options{ position: absolute; left: 6px; display: none; margin-top: -15px; line-height: 30px; padding: 4px 0; width: 88px; color: #333; background-color: #f6f6f6; border-radius: 5px; z-index: 1; text-align: center;
					li{ padding: 12px 18px;
						&:hover{ background-color: #fff;}
					}
				}
			}
		}
	}
}

/* login */

.login-box{ position: absolute; top: 50%; left: 50%; margin-left: -270px; width: 540px; background:rgba(45,55,87,0.88); filter: unquote("progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F455587,endcolorstr=#7F455587)"); -ms-filter: unquote("progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F455587,endcolorstr=#7F455587)"); border-radius: 10px; box-sizing: border-box;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);    /* for Chrome || Safari */
    -moz-transform: translateY(-50%);       /* for Firefox */
    -ms-transform: translateY(-50%);        /* for IE */
    -o-transform: translateY(-50%); 
	.login-form{ position: relative; padding: 46px 40px 35px; text-align: center;}
	.form-logo{ position: absolute; top: -136px; left: 100px; width: 240px; height: 100px;}
	.form-top{ margin: 0 auto; display: block; width: 28px; height: 34px;}
	.form-title{ display: block; font-family: NotoBold; font-weight: bold; font-size: 36px; color: #fff; padding-bottom: 40px;}
	.form-tip{ display: block; font-size: 16px; color: #666; padding-top: 20px;}
	.form-group{ position: relative; margin-bottom: 18px;  height: 60px; line-height: 60px; background-color: #1b2038; border: 1px solid #485168; border-radius: 5px;
		::-moz-placeholder{color:#999;}
		::-webkit-input-placeholder{color:#999;}
		input:-ms-input-placeholder{color:#999;}
	}
	.placeholder {position: absolute;top: 0; color: #999; font-size: 16px;}
	.control-label{ float: left; position: relative; text-align: left; margin: 15px 0 10px 20px; width: 70px; border-right: 1px solid #000; line-height: 30px; font-size: 20px;
		&:after{ position: absolute; right: 10px; top: 50%; margin-top: -4px; content: ''; width: 13px; height: 8px; background: url(../images/icon/login_arrow.png) no-repeat}
	}
	.form-input{ padding-left: 20px; height: 60px; line-height: 60px; width: 460px; font-size: 20px; border-radius: 5px; border: none; outline: none; color: #fff; background-color: transparent; box-sizing: border-box;
		&[type=text]{ color: #fff;}
		&.phoneInput{ width: 360px;}
	}
	.phoneInput~span.placeholder{ margin-left: 90px; } /* fix ie9placeholder */

	.form-remember{ padding-top: 22px; text-align: left; overflow: hidden;
		.select-icon{ float: left; width: 20px; height: 20px; background: url(../images/icon/select.png) no-repeat;
			&.on{  background: url(../images/icon/select_active.png) no-repeat;}
		}
		.select-text{ float: left; margin-top: -2px; padding-left: 10px; font-size: 16px; color: #666;}
	}
	.form-actions{ margin-top: 50px;}
	.form-actions .form-btn{ display: block; width: 460px; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 18px; cursor: pointer; background-color: #88bcff; border-radius: 5px; /* background: url(../images/btnBg_4.png) no-repeat; */
		&.disable{ color: rgba(0,0,0,0.5); font-family: NotoBold; font-size: 24px; background-color: #f6f6f6;}
	}
	.accountText{ color: #fff; }
	/* select */
	.filterBox{ float: left;
		.filterList{ font-size: 20px;
			.selectBox{ display: none;}
			.replace{ width: 90px; box-sizing: border-box; cursor: default; overflow: visible; position: relative; color: #fff;
				.current{ position: relative; text-align: left; margin: 15px 0 15px 20px; width: 70px; border-right: 1px solid #fff; line-height: 30px; font-size: 20px;
					&:after{ position: absolute; right: 10px; top: 50%; margin-top: -4px; content: ''; width: 13px; height: 8px; background: url(../images/icon/login_arrow.png) no-repeat}
				}
				.options{ position: absolute; left: 6px; display: none; margin-top: -15px; line-height: 30px; padding: 4px 0; width: 88px; color: #333; background-color: #f6f6f6; border-radius: 5px; z-index: 1; text-align: center;
					li{ padding: 12px 18px;
						&:hover{ background-color: #fff;}
					}
				}
			}
		}
	}
}

.indexBox{ 
	.first-slide{ position: relative; background: url(../images/banner1.jpg) no-repeat center center; line-height: 1.5; text-align: left;
		.firstBox{ position: absolute; left: 8%; top: 50%; 
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);    /* for Chrome || Safari */
            -moz-transform: translateY(-50%);       /* for Firefox */
            -ms-transform: translateY(-50%);        /* for IE */
 			-o-transform: translateY(-50%);         /* for Opera */

		}
		.title{ display: block; color:#fff; font-size: 48px; font-family: NotoLight; padding-bottom: 80px;}
		.tip{ display: block; color:#fff; font-size: 20px; line-height: 2.5; font-family: NotoLight;}
		.btnBox{ overflow: hidden; text-align: center; margin-top: 100px;
			.loginBtn{ display: block; width: 200px; height: 60px; line-height: 60px; color: #fff; background: url(../images/btnBg_1.png) no-repeat; font-size: 24px;}
			.buyCenterBtn{ display: block; width: 240px; height: 60px; line-height: 60px; color: #fff; background: url(../images/btnBg_2.png) no-repeat; font-size: 24px; margin-left: 40px;}
		}
	}
}

.swiper-container.quickViewBox{ position: absolute; z-index: 1; width: 100%; bottom: 10px; height: 100px;
	.swiper-slide{ line-height: 1.5; color: #fff;}
}

.coinsTabs{ 
	.tabDisplay{ padding: 20px 0; margin: 0; height: 40px; line-height: 40px; width: 70%;}
	.tabLi{ float: left; width: 15.5%; border-right: 1px solid #485168; font-size: 12px; color: #fff; cursor: pointer;
		.tabItem{ display: block; width: 50%; margin: 0 auto; font-size: 24px; font-family: NotoMedium;
			.collect{ padding: 7px 0;}
			&.on{ border-bottom: 4px solid #729dd7; color: #729dd7;}
		}
		
	}
	.searchCoins{ position: relative; margin-right: 5%; margin-top: 20px;
		.search-input{ display: block; width: 175px; background-color: transparent; border: 1px solid #fff; outline: none; border-radius: 20px; font-size: 16px; padding: 8px 40px 8px 16px; color: #fff; box-sizing: bo}
		.searchBar{ position: absolute; right: 16px; top: 50%; margin-top: -12.5px;}
	}
}

.board-table{ width: 100%; border-bottom: 1px solid #485168; border-spacing: 0;
	thead{ height: 60px; line-height: 60px; background-color: #242b46; color: #fff; font-size: 18px;
		th{ text-align: center; 
			.sortIcon{ margin-left: 4px; vertical-align: -4px;}
		}
	}
	tbody{ height: 60px; line-height: 60px; color: #fff; font-size: 16px;
		td{ text-align: center; vertical-align:middle;
			&:nth-of-type(1){ width: 14%; }
			&:nth-of-type(2){ width: 14%; }
			&:nth-of-type(3){ width: 14%; }
			&:nth-of-type(4){ width: 14%; }
			&:nth-of-type(5){ width: 14%; }
			&:nth-of-type(6){ width: 14%; }
			&:nth-of-type(7){ width: 14%; }
			.collect{ margin-right: 4px; vertical-align: -4px;}
		}
		tr:nth-of-type(even){
			background-color: #242b46;
		}
	}
}
/* 发掘 */
.findCionBox{ margin: 97px auto 0; max-width: 1470px;
	.textBox{ margin-top: 97px; width: 38%;}
	.text{ margin: 26px 0 0 10px; color: #fff;
		.title{ display: block; font-size: 30px; font-family: NotoLight; line-height: 2.5;}
		.desc{ display: block; font-size: 20px; font-family: NotoLight;}
	}
	.findcionImg{ display: block; width: 50%; margin-right: 2%;}
}
/* 安全 */
.safeBox{ margin: 0 auto 80px; max-width: 1470px;
	.textBox{ width: 45%; text-align: right;}
	.text{ margin: 26px 0 0 10px; color: #fff;
		.title{ display: block; font-size: 30px; font-family: NotoLight; line-height: 2.5;}
		.desc{ display: block; font-size: 20px; font-family: NotoLight;}
	}
	.safeImg{ display: block; width: 40%;}
}
/* 方便 */
.convenientBox{ width: 100%; background: url(../images/convenientBg.png) no-repeat center;
	.convenientCont{ margin: 0 auto; padding-top: 97px; max-width: 1610px;}
	.convenientText{ margin: 0 auto; padding-top: 97px; display: block; }
	.title{ display: block; font-size: 30px; font-family: NotoLight; line-height: 2.5; color: #fff; text-align: center; padding-bottom: 730px;}
}
.major_quick_highEfficiency{ padding-bottom: 196px;
	.enImg{ margin: 0 auto; padding-top: 158px; display: block;}
	.title{ display: block; font-size: 30px; font-family: NotoLight; line-height: 2.5; color: #fff; text-align: center; padding-top: 20px; padding-bottom: 20px;}
	.majorWrapper{ text-align: center;
		img{ width: 30%; margin-left: 2.5%;}
	}
}
.noticsBox{
	.topLine{ margin: 0 auto 60px; width: 120px; height: 4px; background-color: #88bcff;}
	.infoBox{ margin: 0 auto; max-width: 1470px; color: #fff;}
	.officialInfoBox{ width: 40%; font-family: NotoLight;
		.officialInfoList{ padding-top: 18px;
			li{ padding-bottom: 50px; }
		}
		.desc{ display: block; margin-top: 16px; font-size: 16px; opacity: 0.6; height: 44px; overflow: hidden;}
	}
	.timeLine{ display: block; width: 20%; height: 440px; background: url(../images/timeLine.png) no-repeat;    background-position: center;}
	.infoCenterBox{ width: 40%; font-family: NotoLight;
		.infoCenterList{ padding-top: 18px;
			li{ padding-bottom: 50px; }
		}
		.desc{ display: block; margin-top: 16px; font-size: 16px; opacity: 0.6; height: 44px; overflow: hidden;}
	}
}
.downloadBox{ width: 100%; background: url(../images/downloadBg.png) no-repeat center;
	.downloadWrapper{  overflow: hidden; max-width: 1520px;margin: 0 auto; padding-top: 210px; padding-bottom: 200px;}
	.downloadPhone{ float: left; display: block; width: 45%;}
	.downloadText{ float: right; margin-right: 2%; margin-top: 2%; width: 45%;}
	.downText{ display: block; width: 100%;}
	.text{ margin: 26px 0 0 10px; color: $textColor;
		.title{ display: block; font-size: 30px; font-family: NotoLight; line-height: 2.5;}
		.desc{ display: block; font-size: 20px; font-family: NotoLight;}
	}
	.downloadBtn{ margin-top: 94px;
		.appleBtn{ float: left; display: block; width: 200px; height: 60px; background: url(../images/appleBtn.png) no-repeat; }
		.androidBtn{ float: left; display: block; width: 200px; height: 60px; background: url(../images/androidBtn.png) no-repeat; }
	}
}
.index_login_box{ background-color: #242b4b; overflow: hidden;
	.topLine{ margin: 94px auto 60px; width: 120px; height: 4px; background-color: #88bcff;}
	.title{ display: block; text-align: center; color: #fff; font-size: 48px; font-family: NotoLight; }
	.userNum{ color: #c74f34; }
	.btnBox{ margin: 94px auto 124px; width: 480px;
		.registerBtn{ float: left; display: block; width: 200px; height: 60px; line-height: 60px; background: url(../images/btnBg_3.png) no-repeat; text-align: center; color: #fff; font-size: 20px;}
		.loginBtn{ float: right; display: block; width: 200px; height: 60px; line-height: 60px; background: url(../images/btnBg_4.png) no-repeat; text-align: center; color: #fff; font-size: 20px; }
	}
}


/* 尾部 */
.u-footer{ padding: 40px 0 16px; font-size: 10px; background-color: transparent; font-family: NotoRegular;
	&.fixed{ position: fixed; bottom: 0; z-index: 999; width: 100%;
	}
	.footerBox{ max-width: 1780px; color: #fff; margin: 0 auto;}
	.socialBox{ margin-top: 40px; overflow: hidden;
		.socialLink{ display: block; float: left; margin-right: 20px;}
	}
	.scan{ float: left; margin-right: 150px;
		img{ display: block; height: 40px;}
	}
	.title{ display: block; color: #fff; font-size: 24px; margin-bottom: 25px;}
	.link{ display: block; margin-bottom: 20px; color: #fff; opacity: 0.3; -ms-opacity: 0.3; font-size: 16px;}
	.clause{ float: left; margin-right: 120px;}
	.helpCenter{ float: left; margin-right: 120px;}
	.service{ float: left; margin-right: 120px;}
	.join{ float: left; margin-right: 120px;}
	.aboutUs{ float: left; margin-right: 120px;}
	.contact{ float: left; 
		.icon{ display: inline-block; vertical-align: middle; padding-right: 5px; width: 15px; height: 18.6px; background: url('../images/footer.png') no-repeat;
			&.emailIcon{ background-position: 0 0;}
			&.qqIcon{ background-position: 0 -18.6px;}
			&.phoneIcon{ background-position: 0 -37.5px;}
			&.skypeIcon{ background-position: 0 -56px;}
		}
	}
	.support{ margin-top: 60px; color: #999; border-top: 1px solid $borderColor; line-height: 60px;}
}

//交易弹窗
.j-pop{
	display: none;
	position: absolute;
    z-index: 4;
    top: 140px;
    background-color: #2d3757;
    left: 20px;
    width: 680px;
    .j-coinsTabs {
	  border-bottom: 1px solid #485168;
	  	.tabDisplay {
		  padding: 2px 0;
		  margin: 0;
		  height: 46px;
		  line-height: 46px;
		  width: 70%;
		}
		.tabLi {
		  float: left;
		  width: 15.5%;
		  font-size: 12px;
		  color: #fff;
		  cursor: pointer;
		  	.tabItem {
			  display: block;
			  width: 50%;
			  margin: 0 auto;
			  font-size: 18px;
			  font-family: NotoMedium;
			  	.collect {
				  width: 20px;
				  padding: 0 7px;
				}
				&.on {
				  border-bottom: 2px solid #729dd7;
				  color: #729dd7;
				}
			}
		}
		.searchCoins {
		  position: relative;
		  margin-right: 5%;
		  margin-top: 10px;
		  	.search-input {
			  display: block;
			  width: 90px;
			  background-color: transparent;
			  border: 1px solid #485168;
			  outline: none;
			  border-radius: 20px;
			  font-size: 12px;
			  padding: 5px 40px 5px 16px;
			  color: #fff;
			}
			.searchBar {
			  position: absolute;
			  right: 12px;
			  top: 50%;
			  margin-top: -10.5px;
			  width: 18px;
			}
		}
	}
	.j-board-table {
	  width: 100%;
	  border-bottom: 1px solid #485168;
	   border-spacing: 0;
	  	thead {
		  height: 40px;
		  line-height: 40px;
		  background-color: #2d3757;
		  color: #fff;
		  font-size: 14px;
		  	th {
			  text-align: center;
			  	.sortIcon {
				  margin-left: 4px;
				  vertical-align: -4px;
				}
			}
		}
		tbody{color: #fff; font-size: 16px;
			td{ height: 30px; line-height: 30px; text-align: center; vertical-align:middle; border-bottom: 1px solid #485168;
				&:nth-of-type(1){ width: 14%; }
				&:nth-of-type(2){ width: 14%; }
				&:nth-of-type(3){ width: 14%; }
				&:nth-of-type(4){ width: 14%; }
				&:nth-of-type(5){ width: 14%; }
				&:nth-of-type(6){ width: 14%; }
				&:nth-of-type(7){ width: 14%; }
				.collect{ margin-right: 4px; vertical-align: -4px;}
				.approximate { color: #ccc; font-size: 12px; }
				.increase{ margin-left: 4px; vertical-align: 4px;}
			}
			tr:hover{
				background-color: #48577d;
			}
		}
	}
}

::-webkit-input-placeholder{
	color: rgba(255,255,255,0.2);
}
// 当前位置
.j-main-content {
    margin: 20px;
    height:100%;
}

.j-location {
    height: 40px;
    line-height: 40px;
    .last-location {
        font-size: 24px;
        color: #fff;
        margin-right: 20px;
    }
    .on-location {
        font-size: 16px;
        color: #fff;
        margin-right: 40px;
    }
    .j-explain {
        color: #fff;
    }
}

// left menu
.j-menu {
    width: 300px;
    margin-right: 20px;
    background-color: $menuBg;
    .j-menu-li {
        position: relative;
        &:hover,
        &.active {
            background-color: $menuActiveBg;
        }
        &:after {
            content: '';
            position: absolute;
            top: 50%;
            right: 10px;
            display: inline-block;
            width: 8px;
            height: 14px;
            margin-top: -7px;
            background: url('../images/icon/next.png') no-repeat;
            background-size: cover;
        }
        .j-menu-text {
            position: relative;
            display: block;
            height: 60px;
            line-height: 60px;
            font-size: 18px;
            margin: 0 20px 0 60px;
            color: $menuText;
            &:before {
                position: absolute;
                content: '';
                display: block;
                width: 10px;
                height: 10px;
                top: 50%;
                margin-top: -5px;
                left: -20px;
                border-radius: 50%;
            }
            &.menu1:before {
                background-color: #fa6e0a;
            }
            &.menu2:before {
                background-color: #19ceb5;
            }
            &.menu3:before {
                background-color: #9956b5;
            }
            &.menu4:before {
                background-color: #00ccff;
            }
            &.menu5:before {
                background-color: #2ac370;
            }
            &.menu6:before {
                background-color: #1a67b7;
            }
        }
    }
}

.j-content{ height: 100%;}
// 左边布局
.j-content-l {
	float: left;
    display: block;
    width: 78%;
    //height: 48.148%;
    height: 100%;
    overflow: hidden;
    .j-location-l {
		float: left;
	    display: block;
	    width: 71.718%;
	    height: 48.148%;
	    overflow: hidden;
    	background-color: $menuBg;
    }
    .j-location-r {
    	float: left;
    	display: block;
    	margin-left: 2%;
        width: 26.282%;
        height: 48.148%;
    	background-color: $menuBg;
    	overflow: hidden;
    	.j-filterList {
            .j-select-box {
                display: none;
            }
            .j-replace {
                &.j-replace-width {}
                box-sizing: border-box;
                cursor: default;
                overflow: visible;
                position: relative;
                color: #fff;
                z-index:2;
                margin: 5px 0;
    			padding: 0 8px;
    			border: 1px solid #384158;
    			border-radius: 5px;
    			font-size: 14px;
                .j-current {
                    position: relative;
                    text-align: left;
                    padding-right: 20px;
                    &.current-height {
                        height: 25px;
					    line-height: 25px;
					    color: #fff;
					    opacity: 0.5;
                    }
                    &:after {
                        position: absolute;
                        right: 3px;
                        top: 50%;
                        margin-top: -4px;
                        content: '';
                        width: 13px;
                        height: 8px;
                        background: url(../images/icon/login_arrow.png) no-repeat
                    }
                }
                .j-options {
                    &.options-width {
                        width: 86px;
    					left: 0;
                    }
                    position: absolute;
                    display: none;
                    line-height: 30px;
                    padding: 4px 0;
                    color: #fff;
                    background-color: #2d3757;
                    z-index: 1;
                    text-align: center;
                    li {
                    	opacity: 0.5;
                        &:hover {
                            background-color: #48577d;
                        }
                    }
                }
            }
        }
    }
    .tabDisplay{ padding: 7px 0;  height: 25px; line-height: 25px;}
		.tabLi{ float: left; color: #fff; cursor: pointer;
		.tabItem{ display: block; padding: 0 2px; margin: 0 15px; font-size: 16px; color: #999; font-family: NotoMedium;
			.collect{ padding: 7px 0;}
			&.on{ border-bottom: 2px solid #729dd7; color: #fff;}
		}
		
	}
	.tabDisplayCont{ height: 100%;}
	.coinInfoBox{ padding: 20px 30px 20px 20px;
		height: 100%;
    	overflow-y: auto;
    	overflow-x: hidden;
    	margin-right: -18px;
    	box-sizing: border-box;
		.coinInfo{ padding-bottom: 10px; margin-bottom: 10px; color: #fff; font-size: 16px; font-family: NotoDemiLight; border-bottom: 1px solid #485168;
			.coinName{ font-size: 24px; font-family: NotoMedium;}
		}
		.infoList{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #485168; font-family: NotoDemiLight;
			.infoItem{ float: left; width: 50%; margin-bottom: 10px; overflow: hidden;}
			.itemName{ float: left; display: block; color: #999; width: 100px;}
			.itemText{ float: left; display: block; color: #fff; width: 70%;
				a{ display: block; width: 100%; color: #47aaf7;}
			}
		}
		.infoDesc{ font-family: NotoDemiLight;
			.title{ display: block; color: #999; margin-bottom: 10px;}
			.desc{ display: block; color: #fff; line-height: 1.8;}
		}
	}
	.j-location-down-l {
    	float: left;
    	display: block;
    	margin-top: 20px;
    	margin-right: 2%;
        width: 49%;
        height: 50%;
    	background-color: $menuBg;
    	overflow: hidden;
    	.j-filterList {
            .j-select-box {
                display: none;
            }
            .j-replace {
                &.j-replace-width {}
                box-sizing: border-box;
                cursor: default;
                overflow: visible;
                position: relative;
                color: #fff;
                z-index:2;
                margin: 5px 0;
    			padding: 0 8px;
    			border: 1px solid #384158;
    			border-radius: 5px;
    			font-size: 14px;
                .j-current {
                    position: relative;
                    text-align: left;
                    padding-right: 20px;
                    &.current-height {
                        height: 25px;
					    line-height: 25px;
					    color: #fff;
					    opacity: 0.5;
                    }
                    &:after {
                        position: absolute;
                        right: 3px;
                        top: 50%;
                        margin-top: -4px;
                        content: '';
                        width: 13px;
                        height: 8px;
                        background: url(../images/icon/login_arrow.png) no-repeat
                    }
                }
                .j-options {
                    &.options-width {
                        width: 86px;
    					left: 0;
                    }
                    position: absolute;
                    display: none;
                    line-height: 30px;
                    padding: 4px 0;
                    color: #fff;
                    background-color: #2d3757;
                    z-index: 1;
                    text-align: center;
                    li {
                    	opacity: 0.5;
                        &:hover {
                            background-color: #48577d;
                        }
                    }
                }
            }
        }
    }
    .j-location-down-r {
    	float: left;
    	display: block;
    	margin-top: 20px;
        width: 49%;
        height: 50%;
    	background-color: $menuBg;
    	overflow: hidden;
    	.j-filterList {
            .j-select-box {
                display: none;
            }
            .j-replace {
                &.j-replace-width {}
                box-sizing: border-box;
                cursor: default;
                overflow: visible;
                position: relative;
                color: #fff;
                z-index:2;
                margin: 5px 0;
    			padding: 0 8px;
    			border: 1px solid #384158;
    			border-radius: 5px;
    			font-size: 14px;
                .j-current {
                    position: relative;
                    text-align: left;
                    padding-right: 20px;
                    &.current-height {
                        height: 25px;
					    line-height: 25px;
					    color: #fff;
					    opacity: 0.5;
                    }
                    &:after {
                        position: absolute;
                        right: 3px;
                        top: 50%;
                        margin-top: -4px;
                        content: '';
                        width: 13px;
                        height: 8px;
                        background: url(../images/icon/login_arrow.png) no-repeat
                    }
                }
                .j-options {
                    &.options-width {
                        width: 86px;
    					left: 0;
                    }
                    position: absolute;
                    display: none;
                    line-height: 30px;
                    padding: 4px 0;
                    color: #fff;
                    background-color: #2d3757;
                    z-index: 1;
                    text-align: center;
                    li {
                    	opacity: 0.5;
                        &:hover {
                            background-color: #48577d;
                        }
                    }
                }
            }
        }
    }
}

// 右边布局
.j-content-r {
	float: left;
    display: block;
    margin-left: 1.5%;
    width: 20.5%;
    height: 100%;
    overflow: hidden;
    background-color: $menuBg;
    
}

// 交易
.j-title {
        position: relative;
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        font-size: 16px;
        color: $menuText;
        border-bottom: 1px solid $borderColor;
    }
.j-main-content-r {
    overflow-y: scroll;
    overflow-x: hidden;
}
.j-userCenter-content-r{
    overflow-y: scroll;
    overflow-x: hidden;
}

.j-table-th {
    display: table;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    .entrust-cancel-btn{
	    display: block;
	    border: 1px solid;
	    line-height: 20px;
	    height: 20px;
	    margin: 5px;
	    border-radius: 5px;
	    cursor: pointer;
	}
}

.j-table-text {
    line-height: 30px;
    font-size: 14px;
    color: #999;
}

.j-trade-ul {
    margin: 0 20px 20px 20px;
    font-size: 16px;
    .trade-li {
        display: table;
        width: 100%;
        padding: 5px 0;
    }
    .j-trade-time {
    	color: $tradeTime;
    }
    .y-trade-num {
        color: $tradeNum;
    }
    .y-trade-price-up {
    	color: $tradePriceUp;
    }
    .y-trade-price-down {
    	color: $tradePriceDown;
    }

}

//交易委托
.j-entrust-ul{
	margin-bottom: 20px;
	font-size: 16px;
	.entrust-li{ padding: 0 20px; border-bottom: 1px solid $borderColor;}
	.entrust-div {
        display: table;
        width: 100%;
        padding: 5px 0;
        
    }
    .j-entrust-time {
    	color: $tradeTime;
    }
    .y-entrust-num {
        color: $tradeNum;
    }
    .y-entrust-cancel {
    	cursor: pointer;
        color: $tradeNum;
    }
    .y-entrust-price-up {
    	color: $tradePriceUp;
    }
    .y-entrust-price-down {
    	color: $tradePriceDown;
    }
    .entrust-type-buy{ position: relative; padding-left: 5px; color: $tradePriceUp;
		&:before{ content: ''; position: absolute; display: block; left: -5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background-color: $tradePriceUp;}
    }
    .entrust-type-sale{ position: relative; padding-left: 5px; color: $tradePriceDown;
		&:before{ content: ''; position: absolute; display: block; left: -5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background-color: $tradePriceDown;}
    }
}

.j-trade-tip{ width: 100%; font-size: 24px; color: #fff; text-align: center; background-color: #39456b;}

.j-trade-operate{
	padding: 10px 20px;
	overflow-y: scroll;
	overflow-x: hidden;
	.j-buy{ width: 49%;
		.title{ font-size: 18px; color: #2fb562;}
		.usable{ font-size: 14px; color: #fff; margin-top: 2px; font-family: NotoDemiLight; opacity: 0.6; -ms-opacity: 0.6;}
		.trade-box{ position: relative; margin-bottom: 20px; color: #fff;
			.trade-label{ height: 40px; line-height: 40px;}
			.trade-input-box{ display: block; padding-left: 50px; box-sizing: border-box;}
			.trade-input{ width: 78%; height: 38px; line-height: 38px; border: 1px solid #485168; background-color: #1b2038; border-radius: 5px; padding-left: 10px; padding-right: 40px; color: #fff;}
			.trade-tip{ position: absolute; top: 50%; right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
		}
		.percent-box{ position: relative; margin-bottom: 20px; color: #fff;
			.percent-label{ height: 40px; line-height: 40px;}
			.percent-list{ overflow: hidden; width: 70%;
				li{ float: left; margin-top: 5px; margin-left: 5px; height: 30px; line-height: 30px; text-align: center; width: 20%; border-radius: 5px; border: 1px solid #485168; background-color: transparent; opacity: 0.6; cursor: pointer;
					&.on{ background-color: #6a91c8; opacity: 1;}
				}
			}
		}
		.trading-volume{ color: #fff; margin-bottom: 20px;
			.underLine{ border-bottom: 2px solid #fff;}
		}
		.trading-button{ display: block; width: 100%; background-color: #2db361; border-radius: 5px; text-align: center; line-height: 2.5; color: #fff; font-size: 20px; cursor: pointer;}
	}
	.j-sale{ width: 49%;
		.title{ font-size: 18px; color: #c3412c;}
		.usable{ font-size: 14px; color: #fff; margin-top: 2px; font-family: NotoDemiLight; opacity: 0.6; -ms-opacity: 0.6;}
		.trade-box{ position: relative; margin-bottom: 20px; color: #fff;
			.trade-label{ height: 40px; line-height: 40px;}
			.trade-input-box{ display: block; padding-left: 50px; box-sizing: border-box;}
			.trade-input{ width: 78%; height: 38px; line-height: 38px; border: 1px solid #485168; background-color: #1b2038; border-radius: 5px; padding-left: 10px; padding-right: 40px; color: #fff;}
			.trade-tip{ position: absolute; top: 50%; right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
		}
		.percent-box{ position: relative; margin-bottom: 20px; color: #fff;
			.percent-label{ height: 40px; line-height: 40px;}
			.percent-list{ overflow: hidden; width: 70%;
				li{ float: left; margin-top: 5px; margin-left: 5px; height: 30px; line-height: 30px; text-align: center; width: 20%; border-radius: 5px; border: 1px solid #485168; background-color: transparent; opacity: 0.6; cursor: pointer;
					&.on{ background-color: #6a91c8; opacity: 1;}
				}
			}
		}
		.trading-volume{ color: #fff; margin-bottom: 20px;
			.underLine{ border-bottom: 2px solid #fff;}
		}
		.trading-button{ display: block; width: 100%; background-color: #c23f2a; border-radius: 5px; text-align: center; line-height: 2.5; color: #fff; font-size: 20px; cursor: pointer;}
	}
}


//个人中心
.j-userInfo{ margin: 20px 20px 0; padding: 60px 20px 40px; overflow: hidden; background: url(../images/userInfoBg.jpg) no-repeat center; color: #fff;
	.userAvatar{ float: left; display: block; width: 90px; height: 90px; border-radius: 50%; margin-right: 20px;}
	.userNameBox{ width: 15%; height: 90px; line-height: 45px; }
	.userInfoBox{ width: 12%; height: 90px; line-height: 45px; }
	.userAssetBox{ width: 28%; height: 90px; line-height: 45px;}
	.userName{ display: block; font-size: 30px; }
	.userUID{ display: block; font-size: 18px; }
	.userVerify{ display: block; font-size: 18px; }
	.verifyStatus-img {
        width: 24px;
        margin-bottom: -5px;
        margin-right: 5px;
    }
    .switchBtnBox{ position: relative; margin-left: 20px; display: inline-block; vertical-align: -6px;
		.switchBtn{ position: relative; display: block; width: 50px; height: 24px; background-color: #ccc; border-radius: 15px;
	    	&:before{ position: absolute; left: 0; top:-1px; content: ''; width: 26px; height: 26px; border-radius: 50%; background-color: #fff;}
	    }
	    .switchBtn_hidden{ z-index: 1; position: absolute; left: 0; width: 51px; height: 26px; opacity: 0; -ms-opacity:0; cursor: pointer;}
	    .switchBtn_hidden:checked + .switchBtn{ background-color: #86a2e7; 
			&:before{ left: 26px;}
	    }
    }
    
}



.j-userCenter-tip{ padding: 0 20px; height: 40px; line-height: 40px; overflow: hidden;
	.j-menu-title{ min-width:300px; margin-right: 20px; height: 40px; line-height:40px; 
		.titleText {
	        font-size: 24px;
	        color: $menuTitleText;
	    }
	    .title-ico{ margin: 13px 15px;}
		.classify{
			li{ float: left; padding: 0; font-size: 20px; color: $menuTitleText;
			    &:after{ margin: -2px 15px; display: inline-block; content: ''; background:url(../images/icon/next.png) no-repeat; width: 8px; height: 14px;}
			    &:last-child{ color: $menuTitleLastText;
					&:after{ display: none;}
			    }
			}
		}
	}
	.loginRecord{ margin-right: 5%; font-family: NotoDemiLight; font-size: 18px; opacity: 0.6; -ms-opacity: 0.6; color: $menuTitleText;}
	.viewMore{ font-size: 18px; color: $menuTitleLastText;}
}


.j-checkbox{ margin-right: 20px;
	.y-checkbox {
        width: 22px;
    }
    .y-pay-checkobox {
        width: 22px;
        display: none;
    }
    .y-checkbox {
        display: inline-block;
        width: 22px;
        height: 25px;
        margin: 0 10px -4px 0;
        background-size: contain;
        background-repeat: no-repeat;
        &.none {
            display: none;
        }
    }
    .y-check {
        background-image: url('../images/icon/select.png');
    }
    .y-checked {
        background-image: url('../images/icon/select_active.png');
    }
    .y-searchCoins {
	    position: relative;
	    margin-top: 4px;
	    margin-left: 10px;
	    .y-search-input {
	        display: block;
		    background-color: transparent;
		    border: 1px solid #485168;
	        width: 188px;
	        font-size: 16px;
	        outline: none;
		    border-radius: 20px;
	        padding: 6px 34px 6px 16px;
		    color: #fff;
	    }
	    .y-searchBar {
	        position: absolute;
	        right: 12px;
	        top: 50%;
	        margin-top: -11px;
	    }
	    .y-input {
		    display: inline-block;
		    background-color: transparent;
		    border: 1px solid #fff;
		    outline: none;
		    border-radius: 20px;
		    font-size: 18px;
		    padding: 2px 23px 2px 16px;
		    color: #fff;
		}
	}
}

.j-userCenter-content {
    margin: 0 20px;
	.y-table-th {
	    display: table;
	    width: 100%;
	    padding: 20px 40px 20px 20px;
	    box-sizing: border-box;
	}

	.y-table-text {
	    line-height: 30px;
	    font-size: 16px;
	    color: #fff;
	}
	.j-filterList {
        .j-select-box {
            display: none;
        }
        .j-replace {
            &.j-replace-width { width: 160px;}
            box-sizing: border-box;
            cursor: default;
            overflow: visible;
            position: relative;
            color: #fff;
            z-index:2;
            margin: 7px 0;
			padding: 0 8px;
			border: 1px solid #384158;
			border-radius: 5px;
			font-size: 14px;
            .j-current {
                position: relative;
                text-align: left;
                padding-left: 12px;
                padding-right: 20px;
                &.current-height {
                    height: 25px;
				    line-height: 25px;
				    color: #fff;
				    opacity: 0.5;
                }
                &:after {
                    position: absolute;
                    right: 3px;
                    top: 50%;
                    margin-top: -4px;
                    content: '';
                    width: 13px;
                    height: 8px;
                    background: url(../images/icon/login_arrow.png) no-repeat
                }
            }
            .j-options {
                &.options-width {
                    width: 158px;
					left: 0;
                }
                position: absolute;
                display: none;
                line-height: 30px;
                padding: 4px 0;
                color: #fff;
                background-color: #2d3757;
                z-index: 1;
                text-align: left;
                li {
                	padding-left: 20px; 
                	opacity: 0.5;
                    &:hover {
                        background-color: #48577d;
                    }
                }
            }
        }
    }
    .j-date-box{
    	position: relative;
    	line-height: 1;
    	.j-date-ico{
			position: absolute;
			top: 50%;
			left: 20px;
			display: block;
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			width: 20px;
			height: 20px;
			background: url(../images/icon/dateIcon.png) no-repeat;
    	}
    	input{
    		box-sizing: border-box;
		    cursor: default;
		    overflow: visible;
		    color: rgba(255,255,255,0.5);
		    text-align: right;
		    margin: 7px 0;
		    padding: 3px 10px 3px 30px;
		    border: 1px solid #384158;
		    border-radius: 5px;
		    font-size: 16px;
		    background-color: transparent;
    	}
    }
    .j-title-tip{
		font-size: 16px;
		color: rgba(255,255,255,0.5);
    }
}
.j-useCenter-ul{
	margin: 0 20px 20px 20px;
    font-size: 16px;
    padding-right: 20px;
	.trade-li{
		position: relative;
		display: table;
    	width: 100%;
    	height: 60px;
    	line-height: 60px;
    }
	//个人中心
	.j-coinImg{
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-top: 10px;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        font-size: 24px;
    }
    .j-trade-text {
        font-size: 18px;
        color: $textColor;
    }
    .j-trade-text {
        font-size: 18px;
        color: $textColor;
    }
    .j-type-buy{
    	color: $tradePriceUp;
    }
    .j-type-sale{
    	color: $tradePriceDown;
    }
    .j-trade-about{
    	font-family: NotoDemiLight;
        font-size: 16px;
        color: #999;
    }
    .j-trade-copy{
    	font-family: NotoDemiLight;
        font-size: 16px;
        color: $menuTitleLastText;
    }
    .verifyStatus-img {
        width: 24px;
        margin-bottom: -5px;
        margin-right: 5px;
    }
    .j-recharge-box {
        position: absolute;
        top: 60px;
        left: 0px;
        width: 100%;
        padding: 30px;
        background-color: $tradeBugBg;
        z-index: 1;
        line-height: 1.5;
        box-sizing: border-box;
        .j-recharge-addr-box{
        	min-height: 105px;
        	margin-right: -2px;
        	border-right: 2px solid $borderColor;
        	.j-recharge-addr {
		        display: inline-block;
		        height: 33px;
		        line-height: 33px;
		        padding: 0 20px;
		        font-size: 18px;
		        width: 480px;
		        color: $textColor;
		        background-color: transparent;
		        border: 1px solid $borderColor;
		        border-radius: 5px;
		        font-family: monospace;
		    }
	        .j-recharge-text {
	            font-size: 18px;
	            color: #fff;
	        }
	        .j-qrcode-ico {
	            width: 26px;
	            margin-top: 4px;
	        }
        }
        
        .j-attention-box{ padding-left: 30px; box-sizing: border-box;
        	.j-attention-title{ 
				font-size: 18px;
				color: #fff;
			}
			.j-attention-tip{ 
				font-size: 14px;
				color: #fff;
				&.warn{ 
					color: #f02c2c;
				}
				.tip{
    				color: $menuTitleLastText;
    			}
			}
        }
    }
    .j-withdraw-box {
        position: absolute;
        top: 60px;
        left: 0px;
        width: 100%;
        padding: 30px;
        background-color: $tradeBugBg;
        z-index: 1;
        line-height: 1.5;
        box-sizing: border-box;
        .j-withdraw-addr-box{
        	
        	.j-withdraw-addr {
		        display: inline-block;
		        height: 33px;
		        line-height: 33px;
		        padding: 0 20px;
		        font-size: 18px;
		        width: 480px;
		        color: $textColor;
		        background-color: transparent;
		        border: 1px solid $borderColor;
		        border-radius: 5px;
		        font-family: monospace;

		    }
		    .addr-filterList {
			    .addr-select-box {
			        display: none;
			    }
			    .addr-replace {
			        &.addr-replace-width {
			        	width: 100%;
			        }
			        box-sizing: border-box;
			        cursor: default;
			        overflow: visible;
			        position: relative;
			        color: $textColor;
			        //z-index: 2;
			        .addr-current {
			            position: relative;
			            text-align: left;
			            padding-right: 20px;
			            &.current-height {
	                        height: 80px;
	                        line-height: 80px;
	                    }
			            &:after {
			                position: absolute;
			                right: 10px;
			                top: 50%;
			                margin-top: -4px;
			                content: '';
			                width: 13px;
			                height: 8px;
			                background: url(../images/icon/login_arrow.png) no-repeat
			            }
			        }
			        .addr-options {
			            position: absolute;
			            display: none;
			            margin-top: 0;
			            line-height: 30px;
			            padding: 4px 0;
			            color: #fff;
			            background-color: #2d3757;
			            z-index: 1;
			            text-align: left;
			            &.options-width {
			                width: 100%;
			            }
			            .fast-add{
			            	display: block;
			            	cursor: pointer;
			                padding: 12px 18px;
			                &:hover {
			                    background-color: #48577d;
			                }
			            }
			            li {
			                cursor: pointer;
			                padding: 0 18px;
			                
			                .addr-sign{
			                	display: block;
			                	font-size: 24px;
			                	color: $menuTitleLastText;
			                	font-family: NotoMedium;
			                }
			                .addr-value{
			                	display: block;
			                }
			                &:hover {
			                    background-color: #48577d;
			                }
			            }
			        }
			    }
			}
	        .j-withdraw-text {
    			display: block;
	            font-size: 18px;
	            color: #fff;
	            width: 150px;
    			text-align: right;
    			line-height: 35px;
    			.tip{
    				color: $menuTitleLastText;
    			}
	        }
	        .j-qrcode-ico {
	            width: 26px;
	            margin-top: 4px;
	        }

	        .j-withdraw-amount{
	        	position: relative;
	        	.all-withdraw{ 
	        		position: absolute;
					top: 50%;
					right: 20px;
					transform: translateY(-50%);
					-webkit-transform: translateY(-50%);
					color: $menuTitleLastText;
	        	}
	        }
	        .j-withdraw-operate{
	        	padding-left: 150px;
	        	color: $textColor;
	        	.j-primary-btn{ 
					width: 360px;
					text-align: center;
	        	}
	        }
        }
        
        .j-attention-box{
        	padding-left: 30px;
        	min-height: 125px;
        	margin-left: -2px;
        	border-left: 2px solid $borderColor;
        	box-sizing: border-box;
        	.j-attention-title{ 
				font-size: 18px;
				color: $textColor;
			}
			.j-attention-tip{ 
				font-size: 14px;
				color: $textColor;
				&.warn{ 
					color: #f02c2c;
				}
				.tip{
    				color: $menuTitleLastText;
    			}
			}
        }
    }
    .j-record-text{
    	font-size: 18px;
    	color: rgba(255,255,255,0.6);
    }
}

//地址管理
.j-addr-manage-box{
	.j-addr-manage-ul{
		margin: 20px 0 20px 0;
	    font-size: 16px;
	    padding: 0 20px;
		.addr-manage-li{
			position: relative;
	    	width: 140px;
	    	padding: 10px;
	    	margin: 0 18px 18px 0;
	    	border: 1px solid $borderColor;
	    	border-radius: 5px;
	    	box-sizing: border-box;
	    	.j-coinImg{
		        position: absolute;
		        top: 50%;
		        transform: translateY(-50%);
		        -webkit-transform: translateY(-50%);
		        display: block;
		        width: 34px;
		        height: 34px;
		        border-radius: 50%;
		    }
	    	.j-coin-text {
	    		padding-left: 40px; 
		        font-size: 20px;
		        color: $textColor;
		    }	
	    }
	}

    .j-addr-manage-card {
        padding: 20px;
        .j-card-li{
        	width: 360px;
	    	margin: 0 18px 18px 0;
            padding: 0 18px;
        	box-sizing: border-box;
            background-color: $tradeBugBg;
            border-radius: 5px;
			line-height: 2;
            .card-sign{
            	display: block;
            	font-size: 20px;
            	color: $menuTitleLastText;
            	font-family: NotoMedium;
            	padding-bottom: 5px;
            }
            .card-del{
            	width: 18px;
            	margin-top: 11px;
            }
            .card-value{
            	display: block;
            	font-size: 18px;
            	color: $textColor;
            	border-top: 1px solid $borderColor;
            	border-bottom: 1px solid $borderColor;
            	word-break: break-all;
            }
            .j-operate-text{
		    	padding-top: 5px;
		    	font-size: 18px;
		    	color: $textColor;
		    }
        }
        .j-add-card{
        	width: 360px;
	    	margin: 0 18px 18px 0;
            padding: 0 18px;
        	box-sizing: border-box;
            border-radius: 5px;
			line-height: 2;
			text-align: center;
			background: url(../images/icon/dashed-border.png) no-repeat;
			background-size: cover;
			.add-ico{
				position: relative;
				display: block;
				width: 66px;
				height: 66px;
				border: 2px solid #48577d; 
				border-radius: 50%;
				margin: 32px auto 10px;
				&:before{
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%,-50%);
					-webkit-transform: translate(-50%,-50%);
					content: '';
					display: block;
					width: 2px;
					height: 30px;
					background-color: #48577d; 
				}
				&:after{
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%,-50%);
					-webkit-transform: translate(-50%,-50%);
					content: '';
					display: block;
					width: 30px;
					height: 2px;
					background-color: #48577d; 
				}
			}
			.add-text{
				display: block;
				margin: 0 auto;
				padding-bottom: 32px;
				font-size: 18px;
				color: #48577d;
			}
        }
    }

}

//支付方式
.j-payment-box{
    .j-payment-card {
        padding: 20px;
        .j-card-li{
        	width: 100%;
	    	margin-bottom: 20px;
            padding: 20px;
        	box-sizing: border-box;
            background-color: $tradeBugBg;
            border-radius: 5px;
			line-height: 2;
			.payment-way-box{
				width: 150px;
            	border-right: 2px solid $borderColor;
			}
            .payment-way{
            	position: relative;
            	display: block;
            	font-size: 20px;
            	font-family: NotoMedium;
            	padding-bottom: 5px;
		    	color: $textColor;
	            height: 60px;
	            line-height: 60px;
            }
            .payment-icon{
            	width: 40px;
            	margin-top: 10px;

            }
            .payment-value{
            	display: block;
            	font-size: 18px;
            	color: $textColor;
            	word-break: break-all;
	            height: 60px;
	            line-height: 60px;
	            .j-qrcode-btn{
	            	position: absolute;
			        top: 50%;
			        transform: translateY(-50%);
			        -webkit-transform: translateY(-50%);
	            	display: inline-block;
				    height: 40px;
				    line-height: 40px;
				    padding: 5px 10px;
				    border: none;
				    border-radius: 5px;
				    outline: none;
				    box-sizing: border-box;
					border: 1px solid $borderColor;
	            }
	            .qrcode-ico{
					width: 28px;
	            }
            }
            .del-icon{
            	display: block;
            	width: 18px;
            	height: 18px;
            	margin-top: 21px;
            	background: url(../images/icon/delIcon.png) no-repeat;
            }
            .j-operate-text{
		    	font-size: 18px;
            	color: $menuTitleLastText;
	            height: 60px;
	            line-height: 60px;
		    }
        }
        .switchBtnBox{ position: relative; margin-left: 20px; display: inline-block; vertical-align: -6px;
			.switchBtn{ position: relative; display: block; width: 50px; height: 24px; background-color: #ccc; border-radius: 15px;
		    	&:before{ position: absolute; left: 0; top:-1px; content: ''; width: 26px; height: 26px; border-radius: 50%; background-color: #fff;}
		    }
		    .switchBtn_hidden{ z-index: 1; position: absolute; left: 0; width: 51px; height: 26px; opacity: 0; -ms-opacity:0; cursor: pointer;}
		    .switchBtn_hidden:checked + .switchBtn{ background-color: #86a2e7; 
				&:before{ left: 26px;}
		    }
	    }
    }
    .add-payment-text{
    	font-size: 18px;
    	color: $menuTitleLastText;
    }
}

//身份认证
.j-identity-auth{
	.j-auth-box {
        width: 100%;
        padding: 30px;
        z-index: 1;
        line-height: 1.5;
        box-sizing: border-box;
        &.none{
        	display: none;
        }
        .j-auth-addr-box{
        	.j-auth-addr {
		        display: inline-block;
		        width: 480px;
		        height: 33px;
		        line-height: 33px;
		        padding: 0 20px;
		        font-size: 18px;
		        color: $textColor;
		        background-color: #20263f;
		        border: 1px solid $borderColor;
		        border-radius: 5px;
		        box-sizing: border-box;
			
		    }
		    .j-auth-message {
		        display: inline-block;
		        width: 360px;
		        height: 33px;
		        line-height: 33px;
		        padding: 0 20px;
		        font-size: 18px;
		        color: $textColor;
		        background-color: #20263f;
		        border: 1px solid $borderColor;
		        border-radius: 5px;
		        box-sizing: border-box;
			
		    }
		    .j-auth-message-btn {
		        display: inline-block;
		        width: 108px;
		        height: 33px;
		        line-height: 33px;
		        padding: 0 20px;
		        font-size: 16px;
		        color: $textColor;
		        border-radius: 5px;
		        box-sizing: border-box;
    			background-color: #48597f;
			
		    }

		    .addr-filterList {
		    	padding: 0;
			    .addr-select-box {
			        display: none;
			    }
			    .addr-replace {
			        &.addr-replace-width {
			        	width: 100%;
			        }
			        box-sizing: border-box;
			        cursor: default;
			        overflow: visible;
			        position: relative;
			        color: $textColor;
			        //z-index: 2;
			        .addr-current {
			            position: relative;
			            text-align: left;
			            padding-right: 20px;
			            margin-left: 20px;
			            &.current-height {
	                        height: 80px;
	                        line-height: 80px;
	                    }
			            &:after {
			                position: absolute;
			                right: 10px;
			                top: 50%;
			                margin-top: -4px;
			                content: '';
			                width: 13px;
			                height: 8px;
			                background: url(../images/icon/login_arrow.png) no-repeat
			            }
			        }
			        .addr-options {
			            position: absolute;
			            display: none;
			            margin-top: 0;
			            line-height: 30px;
			            padding: 4px 0;
			            color: #fff;
			            background-color: #2d3757;
			            z-index: 1;
			            text-align: left;
			            &.options-width {
			                width: 100%;
			            }
			            .fast-add{
			            	display: block;
			            	cursor: pointer;
			                padding: 12px 18px;
			                &:hover {
			                    background-color: #48577d;
			                }
			            }
			            li {
			                cursor: pointer;
			                padding: 0 18px;
			                
			                .addr-sign{
			                	display: block;
			                	font-size: 24px;
			                	color: $menuTitleLastText;
			                	font-family: NotoMedium;
			                }
			                .addr-value{
			                	display: block;
			                }
			                &:hover {
			                    background-color: #48577d;
			                }
			            }
			        }
			    }
			}
	        .j-auth-text {
    			display: block;
	            font-size: 18px;
	            color: $textColor;
	            width: 100px;
    			text-align: right;
    			line-height: 35px;
    			&.md-width{
    				width: 130px;
    			}
    			&.align-left{
    				text-align: left;
    			}
    			.tip{
    				color: $menuTitleLastText;
    			}
	        }
	        .j-bind-text {
    			display: block;
	            font-size: 18px;
	            color: $menuTitleLastText;
    			text-align: right;
    			line-height: 35px;
	        }
	        .j-qrcode-ico {
	            width: 26px;
	            margin-top: 4px;
	        }

	        .j-auth-amount{
	        	position: relative;
	        	.all-auth{ 
	        		position: absolute;
					top: 50%;
					right: 20px;
					transform: translateY(-50%);
					-webkit-transform: translateY(-50%);
					color: $menuTitleLastText;
	        	}
	        }
	        .j-auth-operate{
	        	padding-left: 100px;
	        	color: $textColor;
	        	&.md-width{
    				padding-left: 130px;
    			}
	        	.j-primary-btn{ 
					width: 360px;
					text-align: center;
	        	}
	        }

	        .auth-status{
	        	padding-bottom: 40px;
	        	.auth-ico{
	        		width: 60px;
	        		margin-top: 6px;
	        	}
	        	.auth-tip{
	        		margin-left: 40px;
	        		font-size: 48px;
	        		color: #44506c;
	        	}
	        }
        }
        
        .j-attention-box{
        	box-sizing: border-box;
        	.j-attention-title{ 
				font-size: 18px;
				color: $textColor;
			}
			.j-attention-tip{ 
				font-size: 14px;
				color: $textColor;
				&.warn{ 
					color: #f02c2c;
				}
				.tip{
    				color: $menuTitleLastText;
    			}
			}
        }
        .j-auth-manage-card {
        	.j-card-text{
				display: block;
	            font-size: 18px;
	            color: $textColor;
    			line-height: 35px;
        	}
	        .j-card-li{
	        	width: 300px;
		    	margin: 0 18px 18px 0;
	            border-radius: 5px;
	            overflow: hidden;
	        }
	        .j-add-card{
	        	position: relative;
	        	overflow: hidden;
	        	width: 300px;
		    	margin: 0 18px 18px 0;
	            padding: 0 18px;
	        	box-sizing: border-box;
	            border-radius: 5px;
				line-height: 2;
				text-align: center;
				background: url(../images/icon/verify-dashed-border.png) no-repeat;
				background-size: cover;
				.add-ico{
					position: relative;
					display: block;
					width: 66px;
					margin: 35px auto 18px;
				}
				.add-text{
					display: block;
					margin: 0 auto;
					padding-bottom: 35px;
					font-size: 18px;
					color: $textColor;
				}
				.add-input{
					position: absolute;
					top: 0;
					left: 0;
					display: block;
					font-size: 200px;
					opacity: 0;
					-ms-opacity: 0;
				}
	        }
	    }
    }
}

//安全中心
.j-safety-box{
    .j-payment-card {
        padding: 0 30px;
        .j-card-li{
        	width: 100%;
            padding: 20px 0;
        	box-sizing: border-box;
            border-radius: 5px;
			line-height: 2;
			.payment-way-box{
				width: 150px;
            	border-right: 2px solid $borderColor;
			}
            .payment-way{
            	position: relative;
            	display: block;
            	font-size: 20px;
            	font-family: NotoMedium;
            	padding-bottom: 5px;
		    	color: $textColor;
	            height: 60px;
	            line-height: 60px;
            }
            .payment-icon{
            	width: 40px;
            	margin-top: 10px;
            }
            .payment-value{
            	display: block;
            	font-size: 18px;
            	color: $textColor;
            	word-break: break-all;
	            height: 60px;
	            line-height: 60px;
	            .status-ico{
	            	vertical-align: -4px;
					margin-right: 5px;
					width: 24px;
	            }
            }
            .del-icon{
            	width: 18px;
            	margin-top: 21px;
            }
            .j-operate-text{
		    	font-size: 18px;
            	color: $menuTitleLastText;
	            height: 60px;
	            line-height: 60px;
		    }
		    .j-tip-text{
		    	font-size: 16px;
	            height: 60px;
	            line-height: 60px;
				color: rgba(255,255,255,0.5);
			}
			.j-important-text{
		    	font-size: 18px;
	            height: 40px;
	            line-height: 40px;
				color: #f85c3d;
			}
			.j-qrcode-img{
				width: 144px;
				height: 144px;
				display: block;
			}
			.j-key-text{
				font-size: 20px;
	            height: 40px;
	            line-height: 40px;
	            font-family: NotoBold;
				color: #86a2e7;
			}
			.j-copy-btn {
		        display: inline-block;
		        width: 108px;
		        height: 40px;
		        line-height: 40px;
		        padding: 0 20px;
		        font-size: 16px;
		        color: $textColor;
		        border-radius: 5px;
		        box-sizing: border-box;
    			background-color: #48597f;
			
		    }

		    //输入
        	.j-auth-google {
		        display: inline-block;
		        width: 480px;
		        height: 50px;
		        line-height: 50px;
		        padding: 0 20px;
		        font-size: 18px;
		        color: $textColor;
		        background-color: #20263f;
		        border: 1px solid $borderColor;
		        border-radius: 5px;
		        box-sizing: border-box;
			
		    }
	        .j-auth-text {
    			display: block;
	            font-size: 18px;
	            color: $textColor;
	            width: 100px;
    			line-height: 50px;
    			&.md-width{
    				width: 130px;
    			}
    			&.align-left{
    				text-align: left;
    			}
    			.tip{
    				color: $menuTitleLastText;
    			}
	        }
	        .j-auth-operate{
	        	padding-left: 100px;
	        	color: $textColor;
	        	&.md-width{
    				padding-left: 130px;
    			}
	        	.j-primary-btn{ 
					width: 480px;
					text-align: center;
	        	}
	        }
        }
        .switchBtnBox{ position: relative; margin-left: 20px; display: inline-block; vertical-align: -6px;
			.switchBtn{ position: relative; display: block; width: 50px; height: 24px; background-color: #ccc; border-radius: 15px;
		    	&:before{ position: absolute; left: 0; top:-1px; content: ''; width: 26px; height: 26px; border-radius: 50%; background-color: #fff;}
		    }
		    .switchBtn_hidden{ z-index: 1; position: absolute; left: 0; width: 51px; height: 26px; opacity: 0; -ms-opacity:0; cursor: pointer;}
		    .switchBtn_hidden:checked + .switchBtn{ background-color: #86a2e7; 
				&:before{ left: 26px;}
		    }
	    }
    }
    .add-payment-text{
    	font-size: 18px;
    	color: $menuTitleLastText;
    }
}

//API管理
.j-API-manage{
	padding: 30px;
	.j-API-add-box{
		.j-add-text{
			display: block;
            font-size: 18px;
            color: $textColor;
			line-height: 35px;
			.tip{
				color: $menuTitleLastText;
			}
    	}
	}
	.j-API-text{
		display: block;
        font-size: 18px;
        color: $textColor;
		line-height: 35px;

	}
	.j-API-edit{
		display: inline-block;
        font-size: 16px;
        color: $textColor;
        height: 35px;
		line-height: 35px;
		padding: 0 10px;
		background-color: #22ac38;
		border: none;
	    border-radius: 5px;
	    outline: none;
	    box-sizing: border-box;
	}
	.j-API-del{
		display: inline-block;
        font-size: 16px;
        color: $textColor;
        height: 35px;
		line-height: 35px;
		padding: 0 10px;
		background-color: #f08e3a;
		border: none;
	    border-radius: 5px;
	    outline: none;
	    box-sizing: border-box;
	}
	.j-checkbox{
		margin: 0 auto;
		display: inline-block;
		line-height: 1;
		color: $textColor;
		margin-right: 0;
		.y-checkbox{
			margin-bottom: -6px;
		}
	}
	//fix
	.j-table-th{
		padding: 0;
		.j-table-text {
		    line-height: 30px;
		    font-size: 16px;
		    color: rgba(255,255,255,0.6);
		}
	}
	.j-useCenter-ul{
		margin: 0; 
		padding-right: 0;
		.trade-li{
			height: 80px;
			line-height: 80px;
		}
	}
}

.j-btn {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 25px;
    font-size: 18px;
    border: none;
    border-radius: 20px;
    outline: none;
    box-sizing: border-box;
    &.j-plain-btn {
        border-radius: 4px;
    }
    &.j-md-btn,
    &.j-lg-btn {
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 20px;
    }
    &.j-md-btn {
        min-width: 200px;
    }
    &.j-lg-btn {
        width: 100%;
    }
}

.j-primary-btn {
    color: $textColor;
    background-color: $primaryBtn;
}

.j-orange-btn {
    color: #fff;
    background-color: $orangeBtn;
}
.j-green-transparent-btn{
	border: 1px solid rgba(74,174,71,0.5);
	background-color: rgba(74,174,71,0.2);
}
.j-red-btn {
    color: #fff;
    background-color: $orangeBtn;
}
.j-red-transparent-btn{
	border: 1px solid rgba(233,67,35,0.5);
	background-color: rgba(233,67,35,0.2);
}


.pop_box {
	.j-withdraw-box {
        width: 100%;
        padding: 10px 30px;
        background-color: $tradeBugBg;
        z-index: 1;
        line-height: 1.5;
        box-sizing: border-box;
        
        .j-withdraw-addr-box{
        	&.j-payment-box{
        		.j-withdraw-addr{
        			background-color: #48577d;
		        	border: none;
        		}
        		.addr-filterList{ padding: 0;}
        		.addr-replace-width{ padding: 0 20px;}
        		.addr-options{ left: 0;}
				.j-upload-box{
					position: relative;
					overflow: hidden;
					text-align: center;
					background-color: #48577d;
					border-radius: 5px;
					padding: 20px 0;
					.j-upload-ico{
						display: block;
						width: 48px;
						height: 39px;
						margin: 0 auto;
						background: url(../images/icon/upload.png) no-repeat;
					}
					.j-upload-tip{
						display: block;
			            font-size: 18px;
			            color: #fff;
		    			text-align: center;
		    			line-height: 35px;
					}
					.j-upload-input{
						position: absolute;
						left: 0;
						top: 0;
						font-size: 100px;
						opacity: 0;
						-ms-opacity: 0;
					}
				}

        	}
        	.j-withdraw-addr {
		        display: inline-block;
		        height: 33px;
		        line-height: 33px;
		        padding: 0 20px;
		        font-size: 18px;
		        width: 100%;
		        color: $textColor;
		        background-color: transparent;
		        border: 1px solid $borderColor;
		        border-radius: 5px;
		        box-sizing: border-box;
			
		    }
		    .addr-filterList {
			    .addr-select-box {
			        display: none;
			    }
			    .addr-replace {
			        &.addr-replace-width {
			        	width: 100%;
			        }
			        box-sizing: border-box;
			        cursor: default;
			        overflow: visible;
			        position: relative;
			        color: $textColor;
			        //z-index: 2;
			        .addr-current {
			            position: relative;
			            text-align: left;
			            padding-right: 20px;
			            &.current-height {
	                        height: 80px;
	                        line-height: 80px;
	                    }
			            &:after {
			                position: absolute;
			                right: 10px;
			                top: 50%;
			                margin-top: -4px;
			                content: '';
			                width: 13px;
			                height: 8px;
			                background: url(../images/icon/login_arrow.png) no-repeat
			            }
			        }
			        .addr-options {
			            position: absolute;
			            display: none;
			            margin-top: 0;
			            line-height: 30px;
			            padding: 4px 0;
			            color: #fff;
			            background-color: #2d3757;
			            z-index: 1;
			            text-align: left;
			            &.options-width {
			                width: 100%;
			            }
			            .fast-add{
			            	display: block;
			            	cursor: pointer;
			                padding: 12px 18px;
			                &:hover {
			                    background-color: #48577d;
			                }
			            }
			            li {
			                cursor: pointer;
			                padding: 0 18px;
			                
			                .addr-sign{
			                	display: block;
			                	font-size: 24px;
			                	color: $menuTitleLastText;
			                	font-family: NotoMedium;
			                }
			                .addr-value{
			                	display: block;
			                }
			                &:hover {
			                    background-color: #48577d;
			                }
			            }
			        }
			    }
			}
	        .j-withdraw-text {
    			display: block;
	            font-size: 18px;
	            color: #fff;
    			text-align: left;
    			line-height: 35px;
    			.tip{
    				color: $menuTitleLastText;
    			}
	        }
	        .j-qrcode-ico {
	            width: 26px;
	            margin-top: 4px;
	        }

	        .j-withdraw-amount{
	        	position: relative;
	        	.all-withdraw{ 
	        		position: absolute;
					top: 50%;
					right: 20px;
					transform: translateY(-50%);
					-webkit-transform: translateY(-50%);
					color: $menuTitleLastText;
	        	}
	        }
	        .j-withdraw-operate{
	        	padding-left: 150px;
	        	color: $textColor;
	        	.j-primary-btn{ 
					width: 360px;
					text-align: center;
	        	}
	        }
        }
        
        .j-attention-box{
        	padding-left: 30px;
        	min-height: 125px;
        	margin-left: -2px;
        	border-left: 2px solid $borderColor;
        	box-sizing: border-box;
        	.j-attention-title{ 
				font-size: 18px;
				color: $textColor;
			}
			.j-attention-tip{ 
				font-size: 14px;
				color: $textColor;
				&.warn{ 
					color: #f02c2c;
				}
				.tip{
    				color: $menuTitleLastText;
    			}
			}
        }
    }
	.fillInput {
        border: none;
        border-radius: 5px;
        outline: none;
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
        font-size: 18px;
        color: #fff;
        background-color: #20263f;
        border: 1px solid #384158;
        box-sizing: border-box;
    }
}

/***   old--start    ***/

/*翻页*/
.pages{ margin: 20px 40px; font-size: 14px;
	li{ float: left; margin-left: 10px; width: 40px; height: 40px; background: url(../images/page_btn.png);}
	a,span{ display: block; color: #fff; text-align: center; line-height: 40px;}
	.current{ background: url(../images/page_btn_active.png) no-repeat;
		a{ color: #fff;}
	}
	.tips{ font-size: 16px; line-height: 31px; color: #bddaf2;}
}

.footer{ height: 80px; line-height: 80px; text-align: center; color: #217ab7; background: url(../images/footer.jpg); font-size: 16px;
	&.fixed{ position: fixed; bottom: 0; z-index: 999; width: 100%; background: transparent;
	}
}

/* 修改密码 */

.modify-password-box{ z-index: 23; display: none; position: fixed; top: 50%; left: 50%; margin-top: -200px; margin-left: -220px; width: 440px; height: 400px; background-color: #fff; border-radius: 10px; box-sizing: border-box;
	.modify-form{ position: relative; padding: 42px 40px 50px; text-align: center;}
	.form-title{ display: block; padding: 12px 0 25px; font-size: 24px; color: #333;}
	.form-group{position: relative; overflow: hidden; margin-bottom: 18px;  height: 50px; line-height: 50px; border-bottom: 1px solid #999;
		::-moz-placeholder{color:#999;}
		::-webkit-input-placeholder{color:#999;}
		input:-ms-input-placeholder{color:#999;}
	}
    .placeholder {position: absolute;top: 0; color: #999; font-size: 16px;}
	.form-input{ height: 50px; line-height: 50px; width: 100%; font-size: 16px; border: none; outline: none; color: #999999; background-color: transparent;
		&[type=text]{ color: #333;}
	}

	.form-actions{ margin-top: 70px;
		.form-btn{ display: block; width: 360px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 18px; cursor: pointer;background: url(../images/btnBg_4.png) no-repeat;
		}
	}
}

/***   old--end    ***/